export default class Style {
    static globalMessage() {
        return `    
            /* 消息提示样式开始 */

            .message-container {
                position: absolute;
                width: 100%;
                top: 0;
                text-align: center;
                opacity: 0;
                z-index: 999;
            }

            /* 正常消息提示 */

            .global-message-normal {
                background-color: rgb(141, 233, 145);
                border-radius: 5px;
                margin: 0 auto;
                display: inline-block;
            }

            .global-message-normal div {
                height: 60px;
                width: 20px;
                background-color: rgb(95, 207, 101);
            }

            .global-message-normal .left-box {
                float: left;
                border-radius: 5px 0 0 5px;
            }

            .global-message-normal .right-box {
                float: right;
                border-radius: 0 5px 5px 0;
            }

            .global-message-normal .msg-text {
                display: inline-block;
                padding: 20px 40px;
                color: #fff;
            }


            /* 错误消息提示 */

            .global-message-error {
                background-color: #f56c6c;
                border-radius: 5px;
                display: inline-block;
            }

            .global-message-error div {
                height: 60px;
                width: 20px;
                background-color: #f15656;
            }

            .global-message-error .left-box {
                float: left;
                border-radius: 5px 0 0 5px;
            }

            .global-message-error .right-box {
                float: right;
                border-radius: 0 5px 5px 0;
            }

            .global-message-error .msg-text {
                display: inline-block;
                padding: 20px 40px;
                color: #fff;
            }

            /* 消息提示样式结束 */
                `
    }
};